<div class="row">
  <div class="col-12">
    <span class="form-check form-switch">
      <input
        type="checkbox"
        ng-model="$ctrl.page.navPermission.isActived"
        id="{{$ctrl.prefix}}_{{$ctrl.page.id}}"
        class="form-check-input"
      />
      <label
        class="custom-control-label"
        for="{{$ctrl.prefix}}_{{$ctrl.page.id}}"
      >
        {{$ctrl.page.textDefault}}
      </label>
    </span>
  </div>
</div>
<ul ng-show="$ctrl.page.navPermission.isActived">
  <li ng-repeat="nav in $ctrl.page.childPages" class="col-sm-12">
    <role-page-nav page="nav.page"></role-page-nav>
  </li>
</ul>
